{% load staticfiles %}
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        {% block styles %}
        <link rel="stylesheet" type="text/css" href="{% static 'forum/mainstyle.css' %}"/>
        <link rel="stylesheet" type="text/css" href="{% static 'forum/markdown/xcode.highlight.css' %}"/>
        {% endblock styles %}
        <script type="text/JavaScript" src="{% static 'forum/jquery-1.11.0.min.js' %}"></script>
        <title>{{ tpl_vals.title }}</title>        
    </head>
    <body>
        <div id="container">
            <div id="topmenu">
                <div id="pagetitle">
                    <b>{{ tpl_vals.head }}</b>
                </div>
                <div id="navilink">
                {% block toplinks %}
                {% include "forum/base/toplinks.html" %}
                {% endblock toplinks %}
                </div>
                <div id="announce">
                    <ul>
                        {% for rule in tpl_vals.rules %}
                        <li>{{ rule }}</li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
            <div id="main">
                <div id="alertdiv">
                    <div id="alertdiv_top">
                        <div id="alertdiv_title">
                            {% block alert_title %}
                                
                            {% endblock alert_title %}
                        </div>
                        <div id="alertdiv_close">
                            X
                        </div>
                    </div>
                    <div id="alertdiv_body">
                        <div id="alertdiv_loading">
                             <img id="loading_bar" src="{% static 'forum/pop_loading.gif' %}" />
                        </div>
                        <div id="alertdiv_warning">
                            
                        </div>
                        <div id="alertdiv_main">
                        {% block alert_body %}
                        {% endblock alert_body %}
                        </div>
                    </div>
                </div>
            {% block main %}
            {% endblock main %}
            </div>
            {% block bottomnavibar %}
            {% endblock bottomnavibar %}
            <div id="footer">
                - Powered by <a href="">LCForum</a> -
            </div>
        </div>
        <script type="text/JavaScript" src="{% static 'forum/mainscript.js' %}"></script>
        <script src="{% static 'forum/markdown/highlight.js' %}"></script>
        <script type="text/javascript">
            hljs.configure({tabReplace: '    '});
            $('p > code').each(function(i, e) {hljs.highlightBlock(e)});
        </script>
    </body>
</html>
